<!--
ID选择器：#id(用#来定义ID属性)
id选择器的名字是不能重复使用的，也不能用数字开头，如果有两个相同的id属性，
则后面的会覆盖前面的。

合并选择器：#id1, #id2(用逗号隔开多个id选择器)
不同类型标签，用了同一种样式，减少代码重复。
例如：
p, h1, h2, h3, h4, h5, h6 {
    color: red;
}

内联样式选择器，就是行内选择器，直接在标签上添加样式，
不需要定义类或id。优先级最高，可以覆盖其他样式。
例如：
<p style="color: blue;"> Hello World! </p>
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #my-id {
            color: red;
            font-size: 20px;
        }
    </style>
</head>

<body>
    
    <p id="my-id"> Hello World! </p>

</body>
</html>